Vue - 下载普通 URL 地址各种文件到本地

前言

例如，您现在本地或服务端返给前端一个文件路径，路径示例：http://serve.net/人与自然.doc，此时您需要将该文件下载到用户本地。

网上大部分的方法都是使用 <a> 标签，且使用 JS 来动态创建很 繁琐且 Bug 多，

---

您无需考虑与判断文件格式，无论遇到什么文件，都能 “丝滑” 完成下载，

安装

目前社区有非常成熟的下载插件 file-saver ，我们先来安装一下。

打开项目根目录，在 cmd 执行如下命令：

npm i file-saver --save-dev

如安装失败，请使用 cnpm / yarn 安装。

使用示例

推荐使用平台一键复制功能，避免漏选。

您随便找个页面，复制以下代码运行起来。